<link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Mono&display=swap" rel="stylesheet"> 

<!-- BG custom styling -->
<style type="text/css">
body {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	font-family: "Roboto", sans-serif;
}

figure {
	text-align: center;
	font-style: italic;
}

pre {
	font-family: "Roboto Mono", monospace;
	padding: 10px;
}

/*
pre.shell {
    margin-left: 3em;
    border-left: 1px solid #aaaaaa;
    padding-left: 4px;
}

pre.sourceCode {
    margin-left: 3em;
    border-left: 1px solid #aaaaaa;
    padding-left: 4px;
}
*/

code {
	font-family: "Roboto Mono", monospace;
}

td, th {
	padding: 0 10px 0 10px;
}

thead {
	text-decoration: underline;
}

table {
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	margin-left: auto;
	margin-right: auto;
	padding: 8px 0 10px 0;
	margin-block-start: 1em;
	margin-block-end: 1em;
}

div.sourceCode {
	overflow: inherit; /* override */
}

pre > code.sourceCode > span > a:first-child::before {
    text-decoration: none; /* override */
}

p.subtitle {
	font-size: 1.3em;
	font-weight: bold;
}

blockquote {
  padding: 0 1em;
  color: #6a737d;
  border-left: .25em solid #dfe2e5;
}

blockquote>:first-child {
  margin-top: 0;
}

blockquote>:last-child {
  margin-bottom: 0;
}

blockquote {
  margin: 0;
}

blockquote {
  margin-top: 0;
  margin-bottom: 16px;
}

img {
  width: 100%;
}

</style>
